$(function () {
    // alert('ok')
    // 定义保存参数的对象
    var q = {
        // 查看文章的页数
        pagenum: 1,
        // 每页显示的文章数
        pagesize: 2,
        // 文章分类的id
        cate_id: '',
        // 是否fabu
        state: ''
    }
    //1 渲染文章数据 ------------------
    initArtList()
    // 获取文章列表的函数
    function initArtList() {
        // 获取文章数据
        $.ajax({
            url: '/my/article/list',
            method: 'get',
            data: q,
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                var htmlStr = template('tpl-list', res);
                // console.log(htmlStr);
                $('tbody').html(htmlStr)
                renderPage(res.total)
            }
        })
    }

    // 2 文章筛选-----------------------
    // 2-1把文章分类渲染到下拉列表中
    initCate()

    function initCate() {
        $.ajax({
            url: '/my/article/cates',
            method: 'get',
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                var htmlStr = template('tpl-cate', res)
                // console.log(htmlStr);
                $('[name=cate_id]').html(htmlStr);
                // 动态生成，手动渲染
                layui.form.render();
            }
        })
    }
    // 2-2筛选功能
    $('#form-search').on('submit', function (e) {
        e.preventDefault();
        // 收集下拉单的数据
        var cate_id = $('[name=cate_id]').val();
        var state = $('[name=state]').val();
        // 修改参数q，查看文章id和状态
        q.cate_id = cate_id;
        q.state = state;
        // 重新渲染
        initArtList();
    })

    // 3渲染分页按钮-------------
    function renderPage(total) {
        layui.laypage.render({
            elem: 'pageBox', //分页按钮容器，不用加 # 号
            count: total, //数据总数
            limit: q.pagesize, //每页显示的条数
            curr: q.pagenum, //页码，默认值为1
            limits: [2, 4, 6, 8, 10], //每页显示多少条选项
            layout: ['limit', 'page', 'prev', 'next', 'count', 'skip'], //页码按钮的排版（layui分页组件）
            jump: function (obj, first) {
                console.log(obj);
                //1- 切换页码的时候就调用次函数，first值是underfind
                //2- 渲染分页按钮的时候也会调用次函数，first值是turn
                if (!first) {
                    // console.log(first);
                    /*  当前页码
                    var current = obj.curr;
                    修改q的参数
                    q.pagenum = current; */
                    // 获取最新页码，修改参数q
                    q.pagenum = obj.curr;
                    // 获取最新页面显示条数
                    q.pagesize = obj.limit
                    // 重新渲染
                    initArtList();
                }
            }
        });
    }

    // 4根据id删除文章---------------
    $('tbody').on('click', '.btn-delete', function () {
        // 获取页面所有按钮的数量
        var len = $('.btn-delete').length;
        // 添加自定义类和自定义id
        var id = $(this).attr('data-id');
        // console.log(id);
        // 询问
        layer.confirm('您确定要删除数据吗?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //do something
            // 调接口删除数据
            $.ajax({
                url: '/my/article/delete/' + id,
                method: 'get',
                success: function (res) {
                    console.log(res);
                    if (res.status !== 0) {
                        return layui.layer.msg(res.message, {
                            icon: 5
                        })
                    }
                    layui.layer.msg('删除成功', {
                        icon: 6
                    })
                    if (len === 1) {
                        // q.pagenume--;
                        // 如果当前是第一页就不用减一否则就减一
                        q.pagenum = q.pagenum === 1 ? 1 : q.pagenum - 1;
                    }
                    // 重新渲染
                    initArtList()
                }
            })
            layer.close(index);
        });
    })

    // 5 点击编辑按钮携带id跳转到编辑页面--------------
    $('tbody').on('click', '.btn-edit', function () {
        var id = $(this).attr('data-id');
        location.href = '/article/art_edit.html?id=' + id;
    })
})